@charset "utf-8";
/*html5*/
article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block; }
audio, canvas, video { display: inline-block; *display: inline; *zoom: 1; }
audio:not([controls]) { display: none; }
[hidden] { display: none; }
/*reset*/
html, body, address, blockquote, div, dl, form, h1, h2, h3, h4, h5, h6, ol, p, pre, table, ul,dd, dt, li, tbody, td, tfoot, th, thead, tr, button, del, ins, map, object,a, abbr, acronym, b, bdo, big, br, cite, code, dfn, em, i, img, kbd, q, samp, small, span,strong, sub, sup, tt, var, legend, fieldset,input,textarea {margin: 0;padding: 0;}
img, fieldset {border: 0;}
html,body {height:100%;}
body {font-family:"\5FAE\8F6F\96C5\9ED1",Droid Sans Fallback;}
a {text-decoration: none;outline: none;}
a:hover {text-decoration:none;}
ul, ol ,li{ list-style:none;}
h1, h2, h3, h4, h5, h6 { font-weight:normal; font-size:100%;}
input,textarea,select{outline: none;-moz-box-sizing: border-box; -webkit-box-sizing:border-box; box-sizing: border-box; font-family:"\5FAE\8F6F\96C5\9ED1",Droid Sans Fallback;font-size-adjust:none; font-stretch:normal; }
input:focus,textarea:focus,select{ outline:0; }
input:focus::-webkit-input-placeholder, input:hover::-webkit-input-placeholder , textarea:focus::-webkit-input-placeholder, textarea:hover::-webkit-input-placeholder { color: #fff; -webkit-transition: color.5s;}
a:focus,input:focus{ -webkit-tap-highlight-color:rgba(0,0,0,0); -webkit-user-modify:read-write-plaintext-only;}
.p10{ padding:10px;}
.btn_green{background:#00a9b6;
	background-image: linear-gradient(bottom,  #0295a0 0%, #00a9b6 100%);
	background-image: -o-linear-gradient(bottom, #0295a0 0%, #00a9b6 100%);
	background-image: -moz-linear-gradient(bottom, #0295a0 0%, #00a9b6 100%);
	background-image: -webkit-linear-gradient(bottom, #0295a0 0%, #00a9b6 100%);
	background-image: -ms-linear-gradient(bottom, #0295a0 0%, #5DD300 100%);
	background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0%, #0295a0),color-stop(100%, #00a9b6)); border:1px solid #0295a0; color:#fff;}
.btn_green:active{background:#00a9b6;
	background-image: linear-gradient(bottom,  #00a9b6 0%, #0295a0 100%);
	background-image: -o-linear-gradient(bottom, #00a9b6 0%, #0295a0 100%);
	background-image: -moz-linear-gradient(bottom, #00a9b6 0%, #0295a0 100%);
	background-image: -webkit-linear-gradient(bottom, #00a9b6 0%, #0295a0 100%);
	background-image: -ms-linear-gradient(bottom, #00a9b6 0%, #0295a0 100%);
	background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0%, #00a9b6),color-stop(100%, #0295a0)); border:1px solid #0295a0; color:#fff;}
.btn_grey{
	background-image: linear-gradient(bottom,  #f1f1f1 0%, #ffffff 100%);
	background-image: -o-linear-gradient(bottom, #f1f1f1 0%, #ffffff 100%);
	background-image: -moz-linear-gradient(bottom, #f1f1f1 0%, #ffffff 100%);
	background-image: -webkit-linear-gradient(bottom, #f1f1f1 0%, #ffffff 100%);
	background-image: -ms-linear-gradient(bottom, #f1f1f1 0%, #ffffff 100%);
	background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0%, #f1f1f1),color-stop(100%, #ffffff)); border:1px solid #d0d0d0;}
.btn_grey:active{
	background-image: linear-gradient(bottom,  #f1f1f1 0%, #f1f1f1 100%);
	background-image: -o-linear-gradient(bottom, #ffffff 0%, #f1f1f1 100%);
	background-image: -moz-linear-gradient(bottom, #ffffff 0%, #f1f1f1 100%);
	background-image: -webkit-linear-gradient(bottom, #ffffff 0%, #f1f1f1 100%);
	background-image: -ms-linear-gradient(bottom, #ffffff 0%, #f1f1f1 100%);
	background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0%, #ffffff),color-stop(100%, #f1f1f1)); border:1px solid #d0d0d0;}

/*clearfix*/
.clearfix:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0;}
.clearfix{ *zoom:1; }
.clr{ clear:both;}
a:hover, a:active { outline: 0; }

.box{ -moz-box-sizing: border-box; -webkit-box-sizing:border-box; box-sizing: border-box;}

/*header*/
#header{ width:100%; height:48px; line-height:48px; background:#00a9b6; position:fixed; top:0px; left:0px; z-index:99999;}
#header h1{height:48px; line-height:48px; text-align:center; padding:0px 44px; font-size:20px; color:#fff;}
#header h2 a{display:block; width:48px; height:48px; position:absolute; top:0px; font-size:20px; color:#80edf5; text-align:center;background:url(../images/line1.png) repeat-y right top;}
.action_bar{ text-align:center;}
.action_bar a{-moz-box-sizing: border-box; -webkit-box-sizing:border-box; box-sizing: border-box; display:inline-block; padding:0px 10px;  height:30px; line-height:28px;box-shadow: 0 1px 2px #00bbc9; border: solid 1px #028993;  background:#00a9b6; color:#80edf5; font-size:16px; }
.action_bar a:first-child{ border-radius:5px 0px 0px 5px; }
.action_bar a:last-child{ border-radius:0px 5px 5px 0px;}
.action_bar a:active,.action_bar a:hover,.action_bar .cur{ background:#0295a0; color:#fff;}

#header .config,#header .add{ right:0px; background:url(../images/line2.png) repeat-y left top;}
.cog_nav{ display:none; width:100%; height:48px; background:rgba(0,0,0,0.7); position:absolute; top:48px;border-top:1px solid #333; border-bottom:1px solid #333; }
.cog_nav a{-moz-box-sizing: border-box; -webkit-box-sizing:border-box; box-sizing: border-box;  display:block; height:48px; line-height:48px; width:50%; float:left;  font-size:14px; color:#fff; text-align:center; border-right:1px solid rgba(0,0,0,0.2);}
.cog_nav a:last-child{ border:none;}
.cog_nav a i{ margin-right:5px; font-size:14px;}
.cog_nav a:hover,.menu_nav a:active{ color:#d7d7d7;}


/*footer*/
#footer{ height:48px; background:#00a9b6; width:100%; position:fixed; bottom:0px; left:0px; z-index:99999; }
#footerNav li{ width:33.333333%; height:48px; float:left; position:relative;}
#footerNav li a{ display:block; height:48px;  text-align:center; color:#80edf5; line-height:100%; font-size:14px;}
#footerNav li a i{ font-size:20px; margin-top:6px;}
#footerNav li:active,#footerNav li:hover,#footerNav li.cur{ background:#0295a0;}
#footerNav li:active a,#footerNav li:hover a,#footerNav li.cur a{ color:#fff;}
.menu_nav{ display:none;width:100%; height:48px; background:rgba(0,0,0,0.7); position:absolute; bottom:48px;border-top:1px solid #333; border-bottom:1px solid #333; }
.menu_nav a{-moz-box-sizing: border-box; -webkit-box-sizing:border-box; box-sizing: border-box;  display:block; height:48px; width:25%; float:left;  font-size:12px; color:#fff; text-align:center; line-height:100%; border-right:1px solid rgba(0,0,0,0.2);}
.menu_nav a:last-child{ border:none;}
.menu_nav a i{ margin:8px 0px 5px 0px; font-size:14px;}
.menu_nav a:hover,.menu_nav a:active{ color:#d7d7d7;}


/*section*/
#section{ padding:48px 0px 48px 0px;}

/*nav_list1*/
.nav_list1 li{ -moz-box-sizing: border-box; -webkit-box-sizing:border-box; box-sizing: border-box; width:33.333333%; height:100px; border-right:1px dotted #d7d7d7; border-bottom:1px dotted #d7d7d7; float:left;}
.nav_list1 li:nth-child(3n){ border-right:0px;}
.nav_list1 li a{ display:block; width:100%; height:100px;text-align:center; color:#666; line-height:100%; font-size:16px;}
.nav_list1 li a i{ font-size:20px; margin:30px 0px 10px 0px}
.nav_list1 li a:hover,.nav_list1 li a:active,.nav_list1 li a.cur{ color:#00a9b6;}

/*list1*/
.list1 dl{ border-bottom:1px solid #d7d7d7;}
.list1 dt{ position:relative; font-size:14px; padding:10px 15px 10px 10px; color:#666; cursor:pointer;}
.list1 dt i{ position:absolute; top:50%; margin-top:-8px; right:5px; font-size:16px; color:#00a9b6;}
.list1 dt p{ padding:3px 0px; line-height:18px;}
.list1 dt p:first-child{ color:#00a9b6;}
.list1 dd{ display:none; position:relative; margin-top:5px; border-top:1px dotted #d7d7d7; text-align:center; padding-bottom:8px; }
.list1 dd .arrow{ position:absolute; top:-4px; left:50%; margin-left:-4px; width:6px; height:6px; background:#fff; border:1px dotted #d7d7d7; border-left:none; border-bottom:none; -webkit-transform: rotate(-45deg); }
.list1 dd .action{ display:inline-block; background:#fff; border:1px solid #e6e6e6; border-radius:3px; height:24px; line-height:24px; padding:0px 10px; font-size:14px; color:#333; margin:8px 4px; margin-bottom:0px;}
.list1 dd .action:active{ background:#f1f1f1;}
.list1 dd .action i{ margin-right:5px;}

/*formMol*/

.form_mol{ padding:20px;}
.form_mol.clone{display:none;}
.form_mol h2{ font-size:16px; color:#333; padding:10px 0px;}
.form_mol li{ margin-bottom:15px;}
.form_mol h3.tip{ border-bottom:1px dashed #e6e6e6; font-size:12px; color:#aaa; padding:5px 0px;}
.form_mol input[type="text"],.form_mol input[type="url"],.form_mol textarea,.form_mol select,.form_mol select option{width:100%; height:40px;padding:0px 10px; border:1px solid #e6e6e6; font-size:16px; border-radius:5px;-moz-box-shadow:inset 1px 1px 0px 0px rgba(0,0,0,0.04);-webkit-box-shadow:inset 1px 1px 0px 0px rgba(0,0,0,0.04);box-shadow:inset 1px 1px 0px 0px rgba(0,0,0,0.04); color:#aaa;}
.form_mol .action{ -webkit-column-count:2; -webkit-column-gap:10px; margin-top:20px;}
.form_mol input[type="submit"],.form_mol input[type="reset"]{ display:block; height:40px; line-height:40px; width:100%; cursor:pointer; font-size:18px; border-radius:5px; }	
.form_mol textarea{ resize:none; padding:10px; height:auto; line-height:20px; margin:0px;}
.pic_mol{ margin:15px 0px; padding:15px 0px 0px 0px; border-top:2px dotted #999;}
.pic_mol p{ margin-top:10px;}
.pic_up{ position:relative;}
.pic_up span{-moz-box-sizing: border-box; -webkit-box-sizing:border-box; box-sizing: border-box; display:block; width:100%; height:80px; text-align:center; background:#f1f1f1; color:#c1c1c1; font-size:20px; border:1px solid #d7d7d7; line-height:100%;}
.pic_up span i,.pic_add i,.pic_delete i{ font-size:28px; margin-top:10px; margin-bottom:4px; color:#ccc;}
.pic_add,.pic_up span,.pic_delete{-moz-box-sizing: border-box; -webkit-box-sizing:border-box; box-sizing: border-box;  display:block;height:80px; text-align:center; background:#f1f1f1; color:#c1c1c1; font-size:20px; border:1px solid #d7d7d7; line-height:100%; cursor:pointer;}
.pic_delete{ display:none;}
.pic_up{ position:relative;}
.pic_up input[type="file"]{ position:absolute; top:0px; left:0px; width:100%; height:80px; opacity:0; cursor:pointer; }
.pic_act{ position:relative;}
.pic_delete{ position:absolute; width:80px; height:80px; top:0px; right:0px;}
.clone .pic_act{ padding-right:90px;}
.clone .pic_delete{ display:block;}

/*pop*/
.select_list{ background:#fff; border-radius:5px; border:1px solid #e6e6e6; margin:50px 10px 0px 10px; padding:10px; display:none;}
.select_list p{ height:40px; line-height:40px; border-bottom:1px solid #e6e6e6; position:relative; font-size:14px; cursor:pointer;}
.select_list p i{ position:absolute; right:10px; top:50%; margin-top:-10px; font-size:20px;}
.select_list p:last-child{ border-bottom:none;}

/*iscroll*/
.main{ position:relative; width:100%; height:100%;display:-webkit-box;display:-moz-box;display:-o-box;display:box;-webkit-box-orient:horizontal;-moz-box-orient:horizontal;-o-box-orient:horizontal;box-orient:horizontal;}
#aside {width:70px; background:#333;}
#content {-webkit-box-flex:1;-moz-box-flex:1;-o-box-flex:1;box-flex:1;}
#aside,#content{ position:relative; height:100%;}
#navSub,#contentWrapper{ position:absolute;top:48px; bottom:0; left:0; right:0;}
#navSub li{border-bottom:1px solid #1d1d1b; border-top:1px solid #424240; text-align:center;}
#navSub li a{ display:block; padding:15px 5px; font-size:14px; color:#fff;}
#navSub li a.cur,#navSub li a:active{ background:#1a1a18; border-left:3px solid #00a9b6;}

/*album_list*/
.album_list ul{ text-align:center;}
.album_list li{  background:#fff; display:inline-block; border-radius:5px; padding:10px; -moz-box-sizing: border-box; -webkit-box-sizing:border-box; box-sizing: border-box; border:1px solid #e6e6e6; margin-bottom:10px; text-align:left;}
.album_list li img{ width:100%;}
.album_list li h2{ font-size:14px; color:#333; padding:8px 0px; line-height:100%; color:#00a9b6; border-bottom:1px dotted #b3b3b3;}
.album_list li p{ font-size:12px; color:#666; text-align:right;}
.album_list p a{ display:inline-block; background:#fff; border:1px solid #e6e6e6; border-radius:3px; height:24px; line-height:24px; padding:0px 10px; font-size:14px; color:#333;margin-top:10px; margin:10px 0px 0px 5px;}
.album_list p a:active{ background:#f1f1f1;}
.album_list p a i{ margin-right:5px;}
@media all and (orientation:landscape){
	.album_list ul{ text-align:center;}
	.album_list li{ width:300px; margin:10px 5px;}
	.album_list li img{ height:150px;}
}

/*album_detail*/
.album_title{ border-bottom:1px solid #d7d7d7; padding:10px;}
.photo_up{ height:40px; position:relative; font-size:14px; color:#333; padding-right:140px; overflow:hidden;}
.photo_up span{ display:inline-block; width:120px; height:40px; line-height:40px; text-align:center; color:#fff; background:#666; font-size:20px; position:absolute; top:0px; right:0px;}
.photo_up input[type="file"]{ width:120px; height:30px; position:absolute; top:0px; right:0px; opacity:0;}
.photo_up a{ color:#00a9b6; margin:0px 5px;}
.photo_up i{ color:#aaa; font-style:normal; font-size:12px;}
.album_edit dl{ padding:10px; border-bottom:1px dotted #d7d7d7;}
.album_edit dl:nth-child(2n){ background:#f1f1f1;}
.album_edit dt{height:68px;}
.album_edit dt img{ width:80px; height:60px; display:block; padding:3px; background:#fff; border:1px solid #e6e6e6; float:left; margin-right:10px; }
.album_edit .action{ float:left; height:40px; position:relative; padding-top:20px;}
.album_edit .action span{display:inline-block; background:#fff; border:1px solid #e6e6e6; border-radius:3px; height:24px; line-height:24px; width:60px; text-align:center; font-size:14px; color:#333; margin-right:10px; cursor:pointer;}
.album_edit .action span:active{ background:#f1f1f1;}
.album_edit .action select{ position:absolute; left:-1px; top:20px; opacity:0;}
.album_edit dd input,.album_edit dd textarea{width:100%; height:40px;padding:0px 10px; border:1px solid #e6e6e6; font-size:16px; border-radius:5px;-moz-box-shadow:inset 1px 1px 0px 0px rgba(0,0,0,0.04);-webkit-box-shadow:inset 1px 1px 0px 0px rgba(0,0,0,0.04);box-shadow:inset 1px 1px 0px 0px rgba(0,0,0,0.04); color:#aaa; margin-top:10px;}
.album_edit dd textarea{ padding:10px; resize:none; line-height:20px;}
.album_detail .form_mol{ padding:0px 10px;}
.create_album{ height:44px; line-height:44px; font-size:18px; background:#f1f1f1; padding:0px 10px; color:#00a9b6; border-bottom:1px solid #d7d7d7;}
.jpg_img{ width:192px; float:left; margin-right:10px;}
.jpg_img img{ width:180px; height:120px; padding:5px; border:1px solid #d7d7d7; background:#fff;}
.jpg_up{ width:100%;height:80px; position:relative;}
.jpg_up span{display:block; -moz-box-sizing: border-box; -webkit-box-sizing:border-box; box-sizing: border-box; width:100%; height:80px; text-align:center; background:#f1f1f1; color:#c1c1c1; font-size:14px; border:1px solid #d7d7d7; line-height:100%;}
.jpg_up input[type="file"]{ width:100%; height:80px; position:absolute; left:0px; top:0px; opacity:0; cursor:pointer; }
.jpg_up i{ font-size:28px; margin-top:10px; margin-bottom:4px; color:#ccc;}
